<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>数据字典管理</title>
    <link href="${pageContext.request.contextPath}/css/style.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/admin-all.css" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap.min.css" />
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.7.2.js"></script>
    <script src="${pageContext.request.contextPath}/js/layui/layui.all.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-ui-1.8.22.custom.min.js"></script>

</head>

    <script>
       function upd(id) {
          // layer.alert(id);
           window.location.href = "upd_data?id="+id+"&type=query";
       }
       function del(id) {
           layer.confirm('确定要删除?',{
                   btn: ['确定','取消'] }, //按钮
               function(){
                   window.location.href = "del_data?id="+id+"&pageNum="+${pageInfo.pageNum};
               },function(){
                   layer.msg('的确很重要', {icon: 1});
               })
       }
    </script>
<body>
<div class="alert alert-info">数据字典管理</div>
<form  id="getDictionary" action="queryData" method="post">
<div class="button_bar">
     <input type="button" class="common_button" onClick="layer.alert('欢迎使用!');" value="帮助"/>
	 <input type="button" class="common_button" onClick="window.location.href='${pageContext.request.contextPath}/data/createTitle.jsp';" value="新建"/>
	 <input type="submit" class="common_button"  value="查询"/>
</div>
<table class="query_table">
	<tr>
		<th>类别</th>
		<td> <input type="text" id="data_category" name="data_category" /></td>
		<th>条目</th>
		<td> <input type="text" id="data_desc" name="data_desc" /></td>
		<th>值</th>
		<td> <input type="text" id="data_no" name="data_no" /></td>
	</tr>
</table>
</form>
<br />
<input type="hidden" id="msg" value="${message}"/>
<table class="data_table">
    <tr>
		<th>编号</th>
		<th>类别</th>
		<th>条目</th>
		<th>值</th>
		<th>是否可编辑</th>
		<th>操作</th>
	</tr>

    <c:forEach items="${pageInfo.list}" var="data" varStatus="status">
	<tr >
		<td class="number" >${data.id}</td>
		<td class="text" >${data.data_category}</td>
		<td class="text" >${data.data_desc}</td>
		<td class="text" >${data.data_no}</td>
		<td class="text">${data.editable}</td>
        <td class="text">
            <c:if test="${data.editable=='是'}">
                <img  class="op_button"  src="${pageContext.request.contextPath}/images/bt_edit.gif" onclick="upd(${data.id})" title="编辑" />
                <img  class="op_button"  src="${pageContext.request.contextPath}/images/bt_del.gif" onclick="del(${data.id})" title="删除" />
            </c:if>

        </td>
	</tr>
    </c:forEach>
</table>
<div class="page_down">
            <div class="page_down_dv1"> 共有<strong>${pageInfo.total} </strong> 条记录，当前第<strong> ${pageInfo.pageNum} </strong> 页，共 <strong>${pageInfo.pages}</strong> 页 </div>

            <div class="page_down_dv2">
              <ul>
                 <li>                   <!--首页-->
                     <a href="javascript:void(0)" onclick="first()">
                     <img src="${pageContext.request.contextPath}/images/main_54.gif" width="40" height="15" />
                     </a>
                 </li>


                 <li>                  <!--上一页-->
                     <a href="javascript:void(0)" onclick="pre()" >
                     <img src="${pageContext.request.contextPath}/images/main_56.gif" width="40" height="15" />
                     </a>
                 </li>

                 <li>                <!--下一页-->
                     <a href="javascript:void(0)" onclick="next()" >
                     <img src="${pageContext.request.contextPath}/images/main_58.gif" width="40" height="15" />
                     </a>
                 </li>

                 <li>                <!--尾页-->
                     <a href="javascript:void(0)" onclick="last()" >
                     <img src="${pageContext.request.contextPath}/images/main_60.gif" width="40" height="15" />
                 </a>
                 </li>

                  <li><span>转到</span></li>
                  <li>
                      <input type="text" style=" width:25px;" id="pageNum" onblur="forwardTo()" />
                  </li>
                  <li><span>页</span></li>
                  <li>
                      <a href="javascript:void(0)" onclick="forwardTo()">
                          <img src="${pageContext.request.contextPath}/images/main_62.gif" width="26" height="15" />
                      </a>
                  </li>
              </ul>
            </div>
          </div>


        <!--pagehelper 分页 前台参数-->
        <script type="text/javascript">
            
            //首页
            function first() {
                var pageNum = ${pageInfo.hasPreviousPage}?${pageInfo.prePage}:1;
                window.location.href = "dataDic?pageNum="+pageNum;
            }

            //上一页
            function pre() {
                var pageNum = ${pageInfo.hasPreviousPage}?${pageInfo.prePage}:1;
                window.location.href = "dataDic?pageNum="+pageNum;
            }

            //下一页
            function next() {
                var pageNum=${pageInfo.hasNextPage}?${pageInfo.nextPage}:${pageInfo.pages};
                window.location.href = "dataDic?pageNum="+pageNum;
            }

            //尾页
            function last() {
                var pageNum=${pageInfo.pages};
                window.location.href = "dataDic?pageNum="+pageNum;
            }

            //跳转
            function forwardTo() {
                var pageNum=$("#pageNum").val();
                if(pageNum.trim()=="" || (pageNum.trim()> ${pageInfo.pages} ) || (pageNum.trim() < 1) ){
                    layer.alert("请输入正确的页码!")
                }else{
                    window.location.href = "dataDic?pageNum="+pageNum;
                }

            }
        </script>
</body>
</html>
